// marging
@for $i from 1 through 24 {
  .ml-#{$i} {
    margin-left: (2px * $i);
  }
}
@for $i from 1 through 24 {
  .mr-#{$i} {
    margin-right: (2px * $i);
  }
}
@for $i from 1 through 24 {
  .mt-#{$i} {
    margin-top: (2px * $i);
  }
}
@for $i from 1 through 24 {
  .mb-#{$i} {
    margin-bottom: (2px * $i);
  }
}
// padding
@for $i from 1 through 24 {
  .p-#{$i} {
    padding: (2px * $i);
  }
}
@for $i from 1 through 24 {
  .pl-#{$i} {
    padding-left: (2px * $i);
  }
}
@for $i from 1 through 24 {
  .pr-#{$i} {
    padding-right: (2px * $i);
  }
}
@for $i from 1 through 24 {
  .pt-#{$i} {
    padding-top: (2px * $i);
  }
}
@for $i from 1 through 24 {
  .pb-#{$i} {
    padding-bottom: (2px * $i);
  }
}
// font-size
@for $i from 1 through 36 {
  .fs-#{$i} {
    font-size: (1px * $i);
  }
}
//强调色
.info-tip {
  background-color: #0f191f;
  color: #ffaa00;
  font-size: 12px;
  padding: 8px 16px;
}
//标题 flex布局
.info-box {
  display: flex;
  align-items: center;
  // 蓝色大标题
  .info-titlt {
    font-weight: bold;
    color: #00d1ff;
    font-size: 16px;
  }
  // 标题后面的分割线
  .info-border {
    height: 1px;
    flex: 1;
    border-top: 1px dashed rgba(219, 255, 251, 0.2);
    margin-left: 10px;
  }
}
//每一项信息的label
.info-label {
  font-size: 14px;
  color: #a6acb1;
  line-height: 14px;
  display: inline-block;
}
// 抽屉确认 取消按钮样式
.drawer-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  div:nth-child(2) {
    margin-left: 16px;
  }
}
//二次确认弹框样式
.confirm-dialog {
  display: flex;
  justify-content: center;
  .confirm-content {
    margin-bottom: 24px;
    img {
      width: 24px;
      height: 24px;
      vertical-align: middle;
      margin-right: 24px;
    }
    .confirm-tip {
      color: #ffad30;
    }
  }
}
//二次确认弹框确认和取消按钮样式
.dialog-footer {
  display: flex;
  justify-content: center;
  margin-top: 10px;
  div:nth-child(2) {
    margin-left: 10px;
  }
}
//表格按钮
.tb-btn {
  display: flex;
  justify-content: center;
  div {
    display: flex;
    width: 44px;
    height: 28px;
    justify-content: center;
    align-items: center;
    margin-left: 5px;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    cursor: pointer;
    border-radius: 2px;
    font-family: Source Han Sans SC;
  }
  //表格的编辑按钮
  .tb-edit-btn {
    border: 1px solid rgba(115, 246, 175, 0.7);
    background-color: rgba(115, 246, 175, 0.2);
  }
  //删除按钮
  .tb-del-btn {
    border: 1px solid rgba(255, 73, 103, 0.7);
    background-color: rgba(255, 85, 98, 0.2);
  }
}
